page{
  background-color: $bg-assist-color;
}
.hint{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60rpx;
  background-color: red;
  text{
    font-size: 26rpx;
    color: #FFFFFF;
  }
}
.packet-price{
  width: 100%;
  margin: 30rpx auto;
  padding: 0 30rpx;
  box-sizing: border-box;
  .input-text{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100rpx;
    padding: 0 30rpx;
    box-sizing: border-box;
    background-color: $bg-color;
    border-radius: 16rpx;
    .title{
      display: flex;
      align-items: center;
      margin-right: 20rpx;
      text{
        font-size: 28rpx;
        color: $text-color;
      }
    }
    .content{
      display: flex;
      align-items: center;
      flex: 1;
      width: 0;
      height: 100%;
      input{
        width: 100%;
        height: 100%;
        font-size: 28rpx;
        color: $text-color;
        text-align: right;
      }
    }
  }
}
.greeting-info{
  width: 100%;
  margin: 30rpx auto;
  padding: 0 30rpx;
  box-sizing: border-box;
  .input-text{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100rpx;
    padding: 0 30rpx;
    box-sizing: border-box;
    background-color: $bg-color;
    border-radius: 16rpx;
    .content{
      display: flex;
      align-items: center;
      flex: 1;
      width: 0;
      height: 100%;
      input{
        width: 100%;
        height: 100%;
        font-size: 28rpx;
        color: $text-color;
      }
    }
  }
}

.price-info{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100rpx;
  margin: 50rpx auto 30rpx;
  .price{
    display: flex;
    align-items: center;
    text{
      font-size: 68rpx;
      font-weight: bold;
      color: $text-color;
    }
    .min{
      font-size: 48rpx;
    }
  }
}

.packet-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 30rpx auto;
  .btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 340rpx;
    height: 90rpx;
    background-color: #fb5353;
    border-radius: 16rpx;
    text{
      font-size: 28rpx;
      color: #FFFFFF;
    }
  }
}

.footer-info{
  position: fixed;
  left: 0;
  bottom: 50rpx;
  width: 100%;
  .record{
    display: flex;
    align-items: center;
    justify-content: center;
    text{
      font-size: 28rpx;
      color: $text-color-assist;
    }
  }
}
